<template>
  <transition v-bind:css="false" name="fade" >
    <router-view v-if="isRouterAlive"></router-view>
  </transition>
</template>

<script>
  export default {
    // 	
    provide(){
      return{
          reload:this.reload
      }
    },
    data(){
        return {
          isRouterAlive:true,
        }
    },
    methods:{
      reload(){
          this.isRouterAlive = false;
          this.$nextTick(function () {
            this.isRouterAlive = true
          });
      }
    }
  }
</script>
<style lang="scss">
@import url("assets/scss/base.scss");
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}

</style>